{% from 'dashboard/cards.html' import dashboard_card %}

<div class="grid grid-flow-row-dense grid-cols-4 gap-4 pb-4">
  {% call dashboard_card('Assess', '/assess') %}
    <div class="join">
      {{ heroicon_outline('newspaper', class="mr-1") }} There are <pre> {{ data.total_news_items }} </pre> total news items.
    </div>
    <br />
    <div class="join">
      {{ heroicon_outline('inbox-stack', class="mr-1") }} There are <pre> {{ data.total_story_items }} </pre> total story items.
    </div>
  {% endcall %}

  {% call dashboard_card('Analyze', '/analyze') %}
    <div class="join">
      {{ heroicon_outline('chart-bar', class="mr-1") }} There are <pre> {{ data.report_items_completed }} </pre> completed analyses.
    </div>
    <br />
    <div class="join">
      {{ heroicon_outline('chart-bar', class="mr-1") }} There are <pre> {{ data.report_items_in_progress }} </pre> pending analyses.
    </div>
  {% endcall %}

  {% call dashboard_card('Publish', '/publish') %}
    <div class="join">
      {{ heroicon_outline('paper-airplane', class="mr-1") }} There are <pre> {{ data.total_products }} </pre> products ready for publications.
    </div>
  {% endcall %}

  {% call dashboard_card('Connectors', '/connectors') %}
    There are <b>{{ data.conflict_count }}</b> conflicts detected.
  {% endcall %}
</div>
